<!DOCTYPE html>
<html>
	</head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test structure HTML</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<!-- Le styles -->
		<link href="./css/bootstrap.css" rel="stylesheet">
		<style type="text/css">
		  body {
			padding-top: 60px;
			padding-bottom: 40px;
		  }
		</style>
		<link href="./css/bootstrap-responsive.css" rel="stylesheet">

		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
		  <div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">
					BDE Management
				</a>
				<div class="pull-right btn-group">
					<a class="btn dropdown-toggle" data-toggle="dropdown">
					<i class="icon-user"></i>
					login
					<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
					  <li><a href="#">se connecter</a></li>
					</ul>
				</div>
			</div>
		  </div>
		</div>
		
		<div class="container-fluid">
			 <div class="hero-unit"margin-down: 50px;>
				<h1>Portail des assos</h1>
				<p>Site déstiné à la gestion des assocations de l'UTC</p>
				
			  </div>
		
		<div class="row">
			<div class="span3">
			  <h2>Recherche</h2>
			   <p>Pour effectuer une recherche </p>
			  <p><a class="btn" href="#">j'y vais! &raquo;</a></p>
			</div>
			<div class="span3">
			  <h2>Profil</h2>
			   <p>Pour consulter/modifier votre profil</p>
			  <p><a class="btn" href="#">J'y vais! &raquo;</a></p>
		   </div>
			<div class="span3">
			  <h2>Asso</h2>
			  <p>Pour la gestion de votre Asso</p>
			  <p><a class="btn" href="#">J'y vais! &raquo;</a></p>
			</div>
			<div class="span3">
			  <h2>BDE</h2>
			  <p>Pour la gestion du BDE</p>
			  <p><a class="btn" href="#">J'y vais! &raquo;</a></p>
			</div>
		  </div>

		  <hr>
		
		  <footer>
			<p>&copy; NF17 2012</p>
		  </footer>
		</div><!-- /container -->
		
		<!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./js/google-code-prettify/prettify.js"></script>
    <script src="./js/bootstrap-transition.js"></script>
    <script src="./js/bootstrap-alert.js"></script>
    <script src="./js/bootstrap-modal.js"></script>
    <script src="./js/bootstrap-dropdown.js"></script>
    <script src="./js/bootstrap-scrollspy.js"></script>
    <script src="./js/bootstrap-tab.js"></script>
    <script src="./js/bootstrap-tooltip.js"></script>
    <script src="./js/bootstrap-popover.js"></script>
    <script src="./js/bootstrap-button.js"></script>
    <script src="./js/bootstrap-collapse.js"></script>
    <script src="./js/bootstrap-carousel.js"></script>
    <script src="./js/bootstrap-typeahead.js"></script>
    <script src="./js/application.js"></script>
	
	</body>
</html>